
.data_zone,.y_title_col_par,.right_row_title,.data_num_box{
		float: left;

	}	
	.ver_center{
		display: flex; align-items: center;justify-content:center;
	}
	.data_num_box{
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	.h33{
		 height: 33%;
	/*	 border: 1px solid #ccc;
		box-sizing: border-box;*/

	}
	.box{
		/* margin-top: 5%; */
		/* margin-left: 5%; */
		width:100%;
		/* background-color:red;  */
		height:100%;
	}
	/* .data_zone{ */
		 /* width: calc(100%-100px); */
	/* } */
	.data_num_box{

		cursor: pointer;
	}
	.data_num_box .left_span,.data_num_box .middle_span,.data_num_box .right_span{
		/*position: absolute;*/
		float: left;
		width: 33%;
		text-align: center;
	}
	.half{
		float: left;
		width: 50%;
	}
	[name ='b_id']{
		font-weight: bold;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	/*span.left_top,span.left_bottom,span.right_top,span.right_bottom{
		width: 50%;
		display:inline-block;
		text-align: center;
		height: 50%;
	}	
	span.left_bottom,span.right_bottom{
		position: absolute;
		bottom:0;
	}
	span.left_top,span.right_top{
		position: absolute;
		top:0;
	}
	span.left_top,span.left_bottom{
		left: 0;
	}
	span.right_top,span.right_bottom{
		right: 0;
	}*/



	
	/*.left_top{
		color:#ccc;
		left: 0;
	}
	.right_top{
		right: 0;
	}*/
	

	/*	.data_num_box .left_span{
		top: 0;
		left:0; 
	}.data_num_box .middle_span{
		left: 0;
		bottom:0; 
	}.data_num_box .right_span{
		right: 0;
		top:0; 
	}*/
	.h{
		height: 100%;
	}

	.bord{
		border: 1px solid #ccc;
		box-sizing: border-box;
	}	
	.bor-r{
		border-right: 1px solid #ccc;
		box-sizing: border-box;
	}


	.data_zone,.right_row_title{
		height:100% ;
	}
	.x_col_num_div,.y_row_num_div{
		/*background-color:#F5F5F6;*/
		box-sizing:border-box;
		background-color:#b5b5b5;
		color:#2f4050;
		text-align:center;
		border-top: 1px solid #e7eaec;
		border-right: 1px solid #e7eaec;
	}
	.left_top,.right_top,.right_top,.right_bottom{
		width: 50%;
		display:inline-block;
		/*position: absolute;*/
	}
	.left_top{
		/*color:#ccc;*/
		left: 0;
	}
	.right_top{
		right: 0;
	}

	.data_number{
		width: 100%;
		font-weight: bold;
		position: absolute;
		bottom:0;
		left:0; 
		color:black;
		text-align:center;
		box-sizing:border-box;
		display:inline-block;
	}
	.ceil_battery_display{
		box-sizing:border-box;
		position:relative;
		text-align:center;
		border-left:1px solid #e7eaec;
		border-top:1px solid #e7eaec;
		float: left;
	}
	.title_row,.bottom_col_title{
		width: 100%;
	}
	.my_table,.bottom_col_title,.title_row{
		width: 100%;
		box-sizing: border-box;
	}
	.title_row_box{
		height: 8%;
		position: relative;
		top:5%;
		left:9%;
		font-weight: bold;
		text-align: center;
	}
	.title_row_breach{
		font-weight: bold;
		text-align: center;
	}
	.title_col_boxtitle_col_box{
		position: relative;
		top:22%;
		font-weight: bold;
	}
	.title_col_box{
		font-weight: bold;
		text-align: center;
		margin-top: 25%;
	}
	
	.triangle_top{
		    border-top: white solid 1px;
		position: relative;
   		background:linear-gradient(135deg,#fff 2.6em, #d4d4d4 0);
   		color:#2f4050;
   		box-sizing:border-box;
   		text-align:center;
	}
	.triangle_bottom{
   		color:#2f4050;
   		box-sizing:border-box;
   		text-align:center;
   		border:1px solid #e7eaec;
   		display:inline-block;
	}

	/*报警类*/
	.tray_alert{
		color: black;
		background: #F00;
	}

	.tray_stop{
		color: black;
		background: #ccc;
	}